<?php
/* @var $this yii\web\View */
$this->title = '随机产生1970年到2020年的八字'
?>
<div class="row">
    <div class="col-lg-12">
        <div class="col-lg-2 text-center"></div>
        <div class="col-lg-8 text-center"><?php  echo $date;  ?></div>
        <div class="col-lg-2 text-center"></div>
    </div>
</div>

<div class="row">
    <div class="col-xs-12">
        <div class="col-xs-2 text-center"></div>
        <div class="col-xs-2 text-center" style="<?php echo $tiangan_color[$tiangan[0]]?>font-size: xx-large"><?php  echo $tiangan[0];  ?></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $tiangan_color[$tiangan[1]]?>"><?php  echo $tiangan[1];  ?></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $tiangan_color[$tiangan[2]]?>"><?php  echo $tiangan[2];  ?></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $tiangan_color[$tiangan[3]]?>"><?php  echo $tiangan[3];  ?></div>
        <div class="col-xs-2 text-center"></div>
    </div>
</div>

<div class="row">
    <div class="col-xs-12">
        <div class="col-xs-2 text-center"></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $dizhi_color[$dizhi[0]]?>;color: "><?php  echo $dizhi[0];  ?></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $dizhi_color[$dizhi[1]]?>"><?php  echo $dizhi[1];  ?></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $dizhi_color[$dizhi[2]]?>"><?php  echo $dizhi[2];  ?></div>
        <div class="col-xs-2 text-center" style="font-size: xx-large;<?php echo $dizhi_color[$dizhi[3]]?>"><?php  echo $dizhi[3];  ?></div>
        <div class="col-xs-2 text-center"></div>
    </div>
</div>

<div class="row">
    <div class="col-xs-12">
        <div class="col-xs-2 text-center"></div>
        <div class="col-xs-8 text-center"><a href="/bazi/autobazi/index<?php echo $type == 'detail' ? '?type=detail' : ''?>">刷新</a></div>
        <div class="col-xs-2 text-center"></div>
    </div>
</div>
<?php
if ($type == 'detail') {
?>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center">&nbsp;</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-4 text-center" style="font-size: large; color: blueviolet">四长生</div>
            <div class="col-xs-1 text-center">寅</div>
            <div class="col-xs-1 text-center">巳</div>
            <div class="col-xs-1 text-center">申</div>
            <div class="col-xs-1 text-center">亥</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-4 text-center" style="font-size: large; color: blueviolet">四帝旺</div>
            <div class="col-xs-1 text-center">卯</div>
            <div class="col-xs-1 text-center">午</div>
            <div class="col-xs-1 text-center">酉</div>
            <div class="col-xs-1 text-center">子</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-4 text-center" style="font-size: large; color: blueviolet">四墓库</div>
            <div class="col-xs-1 text-center">辰</div>
            <div class="col-xs-1 text-center">未</div>
            <div class="col-xs-1 text-center">戌</div>
            <div class="col-xs-1 text-center">丑</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center">&nbsp;</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">
            地支藏天干
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅 => 甲丙戊</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳 => 丙庚戊</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">申 => 庚壬戊</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">亥 => 壬甲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-right text-warning">临官的阳天干+长生的阳天干+戊土</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">卯 => 乙</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">午 => 丁</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">酉 => 辛</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">子 => 癸</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-right text-warning">本气的阴天干</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">辰 => 戊乙癸</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">未 => 己丁乙</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">戌 => 戊辛丁</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">丑 => 己癸辛</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-right text-warning">本气的阴阳天干+季节的阴天干+墓库的阴天干</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>

    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支三会
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅卯辰东方木</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳午未南方火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">申酉戌西方金</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">亥子丑北方水</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>

    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支三合(长生+帝旺+墓库 = 合局)
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">亥卯未合木</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅午戌合火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳酉丑合金</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">申子辰合水</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支半合
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">亥卯半合木</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">卯未半合木</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅午半合火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">午戌半合火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳酉半合金</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">酉丑半合金</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">申子半合水</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">子辰半合水</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">天干六合
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">甲己合土</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">乙庚合金</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">丙辛合水</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">丁壬合木</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">戊癸合火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支六合
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">子丑合土</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅亥合木</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">卯戌合火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">辰酉合金</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳申合水</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">午未合火</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">天干相冲
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">甲庚相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">乙辛相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">丙壬相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">丁癸相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支六冲(对角线相冲)
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅申相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">卯酉相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">辰戌相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳亥相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">子午相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">丑未相冲</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支六害(直向)
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅巳相害</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">卯辰相害</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">午丑相害</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">子未相害</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">申亥相害</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">酉戌相害</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支相破
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">寅亥相破</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">卯午相破</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">辰丑相破</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">巳申相破</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">未戌相破</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">酉子相破</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-xs-12 text-center" style="font-size: large; color: blueviolet">地支相刑
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">申寅巳</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">戌未丑</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">子卯互刑</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-2 text-center"></div>
            <div class="col-xs-8 text-center" style="font-size: x-large;">辰午酉亥自刑</div>
            <div class="col-xs-2 text-center"></div>
        </div>
    </div>
<?php
}
?>